// document 文档对象 顶级的 dom数
// dom 事件监听
const panels=document.querySelectorAll('.panel');
// JS 中除了string,number,boolean,null,undefined,其他都是对象
// 对象的一个子类
// console.log(panels,
//     panels[0],
//     //object
//     typeof panels[0],
//     //'[object HTMLDivElement]'
//     Object.prototype.toString.call(panels[0]));
panels.forEach(function(panel){
    // 事件监听要在具体的元素上
    panel.addEventListener('click',function(){ 
        const activePanel=document.querySelector('.active');
        if(activePanel){
            activePanel.classList.remove('active');
        }
        panel.classList.add('active');
    })
})

